<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>咕噜橙 | 留言</title>
    <link rel="stylesheet" href="css/message/leaveMessage.css">
    <link rel="icon" type="image/x-icon" href="https://xzio.oss-cn-beijing.aliyuncs.com/static/img/logo.jpg">
    <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
    <link href="https://cdn.bootcss.com/amazeui/2.7.2/css/amazeui.min.css" rel="stylesheet">
    <link rel="stylesheet" href="css/plugs_paging.css">
    <!--<script src="https://cdn.staticfile.org/twitter-bootstrap/4.1.0/js/bootstrap.min.js"></script>-->
    <!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
    <link rel="stylesheet" href="assets/css/main.css" />
    <!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]-->
    <!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->
</head>
<body>
<header id="header">
    <a class="headChange" href="/index"><h1>Xzio</h1></a>
    <nav class="links">
        <ul>
            <li><a href="/">首页</a></li>
            <li><a href="/article">文章</a></li>
            <li><a href="#">相册</a></li>
            <li><a href="/leaveMessage">留言板</a></li>
            <li><a href="/about">关于</a></li>
        </ul>
    </nav>

</header>
<div id="reset">
    <div id="talk">留言框<span id="close">&times;</span></div>
    <div class="group"><label> 留言内容<br /></label><textarea id="content"></textarea></div>
    <input  id="btn2" value="贴在墙上" >
    <input  id="btn3" value="算求了" >
</div>
<br />

<div id="box">
    <center>
    <a id="btn">我也想说点啥</a>
    </center>
    <ul id="uls">
        <li>
            <center>
            <div class="username">我是一面留言墙╮(￣▽￣"")╭</div>
            <p>来都来了就不想留下点什么吗？</p>

            </center>
        </li>
        <!--<div>-->
            <!--<lu>-->
                <!--<li>-->
                    <!--<p>asdasd</p>-->
                <!--</li>-->
                <!--<li>-->
                    <!--<p>12123321</p>-->
                <!--</li>-->
            <!--</lu>-->
        <!--</div>-->

    </ul>
    <div id="pagination">
        <ul class="am-pagination  am-pagination-centered">
            <li class="am-disabled"><a href="#">&laquo; 上一页</a></li>
            <li class="am-active"><a href="#">1</a></li>
            <li><a href="#">2</a></li>
            <li><a href="#">3</a></li>
            <li><a href="#">4</a></li>
            <li><a href="#">5</a></li>
            <li><a href="#">下一页 &raquo;</a></li>
        </ul>
    </div>
</div>
<div class="footer">
    <div class="footer am-u-sm-centered">
        <div class="am-vertical-align" style="text-align: center">
            <hr>
            <div class="am-vertical-align-bottom">
                <div style="color: #009688">
                    <!-- <script>document.write(new Date().getFullYear());</script> &copy;  | <a href="http://http://www.miitbeian.gov.cn/" target="_blank" >蜀ICP备18023001号-1</a>-->
                    <p>&copy;2018&nbsp;-&nbsp;咕噜橙|<a href="http://http://www.miitbeian.gov.cn/" target="_blank" >蜀ICP备18023001号-1</a></p>
                </div>
                <div></div>
            </div>
        </div>
    </div>
</div>
<script src="https://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
<script src="js/leaveMessage.js"></script>
<script src="js/plugs_paging.js"></script>
<script>
    //锁定滚动条
    function unScroll(){
        var top=$(document).scrollTop();
        $(document).on('scroll.unable',function (e){
            $(document).scrollTop(top);
        })
    };
    //打开滚动条
    function removeUnScroll(){
        $(document).unbind("scroll.unable");
    };

    $('btn').onclick = function () {
        unScroll();
    };
    $('close').onclick = function () {
        removeUnScroll();
        Popup.show();
    };
    $('btn3').onclick = function () {
        removeUnScroll();
        Popup.show();
    };
</script>
</body>
</html>